<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课程详情页面</title>
</head>
<body>
<h1>课程id {{ course_id }} : {{course.name}}</h1>
<h3>课程价格：{{ course.price }}</h3>

<p>第一集：{{video_list.0.name}} 时长：{{video_list.0.duration}}</p>
<p>时长情况
    {% if video_list.0.duration > 100 %}
    <span style="color: red">时长较长</span>
    {% elif video_list.0.duration > 80 %}
    <span style="color: orange">时长中等</span>
    {% elif video_list.0.duration > 60 %}
    <span style="color: blue">时长一般</span>
    {% else %}
    <span style="color: green">时长短</span>
    {% endif %}
</p>
<hr>
<h4>遍历视频列表</h4>
<ul>
    {% for video in video_list %}
    <li>
        视频名称：{{ video.name }} 时长：{{ video.duration }} 当前下标：{{ forloop.counter0 }}
    </li>
    {% empty %}
    <li>暂时没有视频</li>
    {% endfor %}
</ul>
<hr>
<h4>遍历course字典健值对（反向）</h4>
<ul>
    {% for key, value in course.items reversed %}
    <li>
        {{ key }} : {{ value }}
    </li>
    {% endfor %}
</ul>
<hr>
{% with price=course.price %}
<p>测试with标签表达式，price：{{price}}</p>
{% endwith %}

<hr>
<h5>过滤器标签演示</h5>
<p>add字符串追加：{{ course.name | add:" by 最咔酷学院"}}</p>
<p>cut字符串删除指定值：{{ course.name | cut:"on"}}</p>
<p>日期时间格式化：{{ course.create_date | date:"Y-m-d H:m:s"}}</p>
<p>默认值-当值为广义上的False时生效：{{ video_list.2 | default:'没有第三集视频'}}</p>
<p>默认值-当值为None时生效：{{ None | default_if_none:'nothing'}}</p>
<p>取出列表第一个：{{ video_list | first}}</p>
<p>取出列表最后一个：{{ video_list | last}}</p>
<p>浮点数格式化：{{ 36.889564164 | floatformat:2}}</p>
<p>列表转化为字符串并用指定符号分割：{{ video_list | join:" - "}}</p>
<p>获取字符串长度：{{ course.name | length}}</p>
<p>获取列表长度：{{ video_list | length}}</p>
<p>全转小写：{{ 'ABC123' | lower}}</p>
<p>全转大写：{{ 'abc123' | upper}}</p>
<p>从列表中随机取出一项：{{ video_list | random }}</p>
<p>截取字符串或列表：{{ course.name | slice:":2" }}</p>
<p>超长自动省略...：{{ course.name | truncatechars:3 }}</p>
</body>
</html>